<!--主页-->
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="fragments/layout::head">
</head>
<body class="hold-transition sidebar-mini">
<!-- Site wrapper -->
<div class="wrapper">
    <!-- Navbar 顶部水平导航栏-->
    <nav class="main-header navbar navbar-expand navbar-white navbar-light">
        <!-- Left navbar links -->
        <ul class="navbar-nav">
            <li class="nav-item">
                <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
            </li>
            <li class="nav-item d-none d-sm-inline-block">
                <a href="/common/home" class="nav-link">Home</a>
            </li>


        </ul>

        <!-- SEARCH FORM -->
        <!--    <form class="form-inline ml-3">-->
        <!--      <div class="input-group input-group-sm">-->
        <!--        <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">-->
        <!--        <div class="input-group-append">-->
        <!--          <button class="btn btn-navbar" type="submit">-->
        <!--            <i class="fas fa-search"></i>-->
        <!--          </button>-->
        <!--        </div>-->
        <!--      </div>-->
        <!--    </form>-->

        <!-- Right navbar links -->
        <ul class="navbar-nav ml-auto">

            <!--设置控制 -->
            <li class="nav-item" style="margin-right: 15px;">
                <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button">
                    <i class="fas fa-globe"></i>
                </a>
            </li>

            <!-- 右边栏头像信息 User Dropdown Menu -->
            <li class="dropdown user user-menu " style="margin-top: 7px;margin-right:30px;">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false" style="text-decoration: none;">
                    <img src="/images/avatar4.png" class="user-image" alt="User Image">
                    <span class="hidden-xs text-bold" style="color: lightgrey;margin-right: 30px;" th:text="${username}"></span>
                </a>
                <ul class="dropdown-menu">
                    <!-- User image -->
                    <li class="user-header bg-gradient-blue">
                        <img src="/images/avatar4.png" class="img-circle" alt="User Image">

                        <p>
                            法外狂徒<span th:text="${username}"></span>
                            <small>Member since Nov. 2012</small>
                        </p>
                    </li>
                    <!-- Menu Body -->

                    <!-- Menu Footer-->
                    <li class="user-footer">

                        <a href="#" class="btn btn-default btn-flat" style="float:left;" >修改密码</a>

                        <form th:action="@{/mylogout}" method="post">
                            <input th:type="submit" class="btn btn-default btn-flat" style="float:right;" th:value="注销" />
                        </form>
                    </li>
                </ul>
            </li>

            <li class="nav-item" style="margin-right: 15px;">
                <div id="he-plugin-simple"></div>
            </li>


        </ul>
    </nav>
    <!-- /.navbar -->

    <!-- Main Sidebar Container  侧边导航栏-->
    <aside class="main-sidebar sidebar-dark-primary elevation-4">
        <!-- Brand Logo -->
        <a href="/common/home" class="brand-link">
            <img src="/images/smile.png" alt="smile Logo" class="brand-image img-circle elevation-3" style="opacity: .8">
            <span class="brand-text font-weight-light">票据管理系统</span>
        </a>

        <!-- Sidebar -->
        <div class="sidebar">
            <!-- Sidebar user (optional) -->
            <div class="user-panel mt-3 pb-3 mb-3 d-flex">
                <div class="image">
                    <img src="/images/avatar4.png" class="img-circle elevation-2" alt="User Image">
                </div>
                <div class="info">
                    <a href="#" class="d-block">法外狂徒<span th:text="${username}"></span></a>
                </div>
            </div>

            <!-- Sidebar Menu -->
            <nav class="mt-2">
                <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
                    <!-- Add icons to the links using the .nav-icon class
                         with font-awesome or any other icon font library -->
                    <li class="nav-item">
                        <a href="/common/home" class="nav-link">
                            <i class="nav-icon fas fa-home"></i>
                            <p>
                                主页
                                <!--                <span class="right badge badge-danger">New</span>-->
                            </p>
                        </a>
                    </li>
                    <li class="nav-item has-treeview">
                        <a href="#" class="nav-link">
                            <i class="nav-icon fas fa-ticket-alt"></i>
                            <p>
                                票据管理
                                <i class="right fas fa-angle-left"></i>
                            </p>
                        </a>
                        <ul class="nav nav-treeview">
                            <li class="nav-item">
                                <a href="/common/myList" class="nav-link">
                                    <i class="far fa-circle nav-icon"></i>
                                    <p>我的票据</p>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="/common/addTicket" class="nav-link">
                                    <i class="far fa-circle nav-icon"></i>
                                    <p>添加票据</p>
                                </a>
                            </li>

                        </ul>
                    </li>







                </ul>
            </nav>
            <!-- /.sidebar-menu -->
        </div>
        <!-- /.sidebar -->
    </aside>

    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1>票据附件管理</h1>
                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="/home">Home</a></li>

                        </ol>
                    </div>
                </div>
            </div><!-- /.container-fluid -->
        </section>

        <!-- Main content -->
        <section class="content">

            <!-- Default box -->
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Title</h3>

                    <div class="card-tools">
                        <button type="button" class="btn btn-tool" data-card-widget="collapse" data-toggle="tooltip" title="Collapse">
                            <i class="fas fa-minus"></i></button>
                        <button type="button" class="btn btn-tool" data-card-widget="remove" data-toggle="tooltip" title="Remove">
                            <i class="fas fa-times"></i></button>
                    </div>
                </div>
                <div class="card-body">
                    <table id="table" class="table-striped table-bordered">
                    </table>

                </div>
                <!-- /.card-body -->
                <div class="card-footer">
                    Footer
                </div>
                <!-- /.card-footer-->
            </div>
            <!-- /.card -->

        </section>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->


    <div style="" id="rocket-to-top">
        <div style="opacity: 0; display: block;" class="level-2"></div>
        <div class="level-3"></div>
    </div>




    <footer th:replace="fragments/layout::footer"></footer>

    <!-- Control Sidebar -->
    <aside class="control-sidebar control-sidebar-dark">
        <!-- Control sidebar content goes here -->
    </aside>
    <!-- /.control-sidebar -->
</div>
<!-- ./wrapper -->


<script th:src="@{/site/js/fileList.js}"></script>
</body>
</html>
